<template>
  <div id="app">
    <!--头部导航-->
    <Head></Head>
    <!--操作区域-->
    <div class="main">
      <router-view></router-view>
    </div>
    <Foot></Foot>
  </div>
</template>

<script>
  import Head from './components/pubilic/Head.vue'
  import Foot from "./components/pubilic/Foot";
export default {
  name: 'App',
  components:{
    Foot,
    Head
  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
.rednest{
  margin: 68px 0px 0px 0px;
  min-height: 768px
}
.el-row {
  margin-bottom: 20px;
}
.bg-purple {
  border: 1px solid #d3dce6;
}
.grid-content {
  border-radius: 2px;
  min-height: 36px;
  margin: 0px 1% 0px 1%;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
.grid-content{
  margin-bottom: 10px;
}
.newsContentUl,.newsSidebarUl{
  margin: 0px;
  padding: 0px;
  list-style: none;
  float: left;
  width: 100%;
}

.newsSidebar p,.newsSidebarUl li{
  text-align:left;
  margin-left: 10px;
  padding-left: 10px;
}
.newsSidebar p{
  border-left: 3px solid red;
}
.newsSidebarUl li{
  font-size: 18px;
  margin-bottom: 8px;
}
.grid-content{
  text-align: left;
  padding:0px 4%;
  word-wrap:break-word
}
.discuss{
  float: right;
  color: black;
  text-decoration: none;
  padding: 0px 5px;
}
.authors p,span{
  padding: 0px 1%;
}
.author{
  border-right: 1px solid #a09b9a;
}
.headerUl li{
  display: inline-block;
  float: left;
  border: 2px;
  margin: 5px 3%;
  padding: 2px;
  font-size: 14px;
}
.link {
  color: black;
  text-decoration: none;
  font-size: 15px;
}
.secectBackground{
  border-bottom: 2px solid red;
}

</style>
